<template>
    <div>
        <Search v-if="titleShow"></Search>
        <SearchDetails v-else></SearchDetails>
        <div class="downUp " @click="titleShow =!titleShow">
            <div class="dounItem">
                <i class="fa" :class="{'fa-angle-double-down':titleShow,'fa-angle-double-up':!titleShow,}"></i>
                    <span class="text">{{titleShow==true?"向下展开" : "向上折叠"}}</span>
            </div>
        </div>
    </div>
</template>
<script>
import Search from "@/components/currency/search.vue";
import SearchDetails from "@/components/currency/SearchDetails.vue";
export default {
    data(){
        return{
             titleShow: true,
             bg:false
        }
    },
    components:{
        Search,
        SearchDetails
    },
    methods:{
         add(){
            this.$emit("sendShow",this.i++)
        }
    }
}
</script>
<style lang="less" scoped>
.downUp {
  width: 145px;
  background: url("../../assets/img/up.png") no-repeat;
  margin: 0px auto 0px auto;
}
.dounItem {
  font-size: 12px;
  color: #767676;
  cursor: pointer;
}
.text {
  margin-left: 10px;
}
</style>
